const BASE_URL = 'http://api-breakingnews-web.itheima.net'

// 功能1
// 点击去注册，注册盒子显示
$('#goto-register').on('click', function () {
	$('#register').show()
})
// 点击去登录，注册盒子隐藏
$('#goto-login').on('click', function () {
	$('#register').hide()
})

// 功能2 注册验证-- 使用layui插件
let form = window.layui.form
form.verify({
	username: function (value) {
		if (!/^[a-z0-9]{6,10}$/.test(value)) {
			return '用户名由6-10位数字和小写字母组成'
		}
	},
	password: function (value) {
		if (!/^[\S]{6,10}$/.test(value)) {
			return '密码由6-10位数字和字母组成'
		}
	},
	repwd: function (value) {
		if ($('#register input[name=password]').val() != value) {
			return '前后两次的密码输入不一致'
		}
	},
})

// 功能3 点击提交注册
$('#register form').on('submit', function (e) {
	// 1 阻止表单的默认跳转
	e.preventDefault()
	//1 获取表单数据
	let data = $('#register form').serialize()
	console.log(data)
	// 1 请求
	axios.post(`${BASE_URL}/api/reguser`, data).then(res => {
		console.log(res)
		if (res.data.status === 0) {
			// location.href = '../index.html'
			// 让注册的盒子隐藏
			$('#register').hide()
		}
	})
})

// 功能4 点击登录
$('#login form').on('submit', function (e) {
	// 忘记了阻止表单跳转
	// 阻止表单跳转
	e.preventDefault()
	// 获取数据
	let data = $('#login form').serialize()
	// 请求
	axios.post(`${BASE_URL}/api/login`, data).then(res => {
		// console.log(res.data)
		// 解构赋值 --- 这里是 res.data 而不是 res.data.data

		let { status, message } = res.data
		// console.log(status, message)
		if (status === 0 && message === '登录成功！') {
			// 保存token -- 保存token 此处 是有两个参数的，但是忘记了第二个参数了
			localStorage.setItem('token', res.data)

			layer.msg(
				// 已经使用了解构赋值 变量 message  加上了引号 就变成了字符串
				message,
				{
					icon: 1,
					time: 2000, //2秒关闭（如果不配置，默认是3秒）
				},
				function () {
					//跳转首页页面
					location.href = '../index.html'
				}
			)
		} else {
			layer.msg(
				message,
				{
					icon: 2,
					time: 2000, //2秒关闭（如果不配置，默认是3秒）
				},
				function () {
					//do something
				}
			)
		}
	})
})
